﻿@import "../theme";

body.public {
    .content-container {
        text-align: center;
        margin: 50px auto;
        min-height: 0;
        width: 330px;
    }

    form {
        padding: 0 10px;
    }

    .text {
        text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.6), 0 0 1px rgba(0, 0, 0, 0.3);
        color: rgba(0, 0, 0, 0.2);
    }

    .title {
        font-weight: bold;
        text-align: right;
        font-size: 2.5em;
    }

    .error {
        font-size: 10em;
        margin: 20px;
    }

    .describtion {
        font-size: 1.2em;
    }

    .btn {
        margin-bottom: 20px;
        border-radius: 6px;
        font-size: 1.3em;
        padding: 10px;
        width: 100%;
    }

    .public-action {
        margin-top: 10px;
    }
}

.content-container {
    background-image: @content-background-image;
    background-color: @content-background-color;
    border-radius: 8px 0 0 8px;
    margin-left: 200px;
    margin-top: -40px;
    min-height: 870px;
    padding-top: 10px;

    &::after,
    &::before {
        display: table;
        content: "";
    }

    &::after {
        clear: both;
    }
}

.content-breadcrumb {
    padding-left: 10px;
    cursor: default;

    > a {
        color: @content-link-color;
        display: inline-block;
        padding: 8px;

        &:hover {
            color: @active-content-link-color;
        }

        i {
            padding-right: 5px;
        }
    }

    > span {
        color: @active-content-link-color;
    }

    .current,
    .current:hover {
        color: @content-color;
        font-weight: bold;
    }
}

.content {
    padding: 0 5px;
}

.control-label {
    padding: 7px 0 7px 15px;
    min-height: 34px;

    label {
        margin: 0;
    }

    .require {
        color: @validation-color;
        display: inline-block;
        min-width: 8px;
    }
}

.control-content {
    min-height: 34px;

    input[type="checkbox"] {
        margin: 11px 0 9px;
        height: 14px;
    }

    input[type="radio"] {
        margin: 11px 0;
        height: 12px;
        width: 12px;
    }
}

.control-validation {
    color: @validation-color;
    min-height: 0;

    .field-validation-error {
        display: inline-table;
        padding-top: 7px;
    }
}

.form-control[readonly]:focus {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #c4c4c4;
    border-color: #cecece;
}

.input-validation-error {
    border-color: @validation-color;

    &:focus {
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px lighten(@validation-color, 40%);
        border-color: @validation-color;
    }
}

@media (max-width: 767px) {
    .content-container {
        margin-left: 45px;
    }

    .content-breadcrumb {
        .text {
            display: none;
        }

        > a {
            padding-left: 4px;
            padding-right: 0;
        }
    }
}

@media (max-width: 1199px) {
    .control-validation {
        .field-validation-error {
            padding-top: 10px;
        }
    }
}
